@extends('layouts.admin')
@section('content')
    <!--面包屑导航 开始-->
    <div class="crumb_warp">
    <!--<i class="fa fa-bell"></i> 欢迎使用登陆网站后台，建站的首选工具。-->
    <i class="fa fa-home"></i> <a href="{{url('admin/info')}}">首页</a> &raquo; 用户管理
    </div>
    <!--面包屑导航 结束-->

    <!--结果页快捷搜索框 开始-->
    <div class="search_wrap">
        <form action="" method="post">
            <table class="search_tab">
                <tr>
                    <th width="120">选择用户组:</th>
                    <td>
                        <select onchange="javascript:location.href=this.value;">
                            <option value="">全部</option>
                        </select>
                    </td>
                    <th width="70">关键字:</th>
                    <td><input type="text" name="keywords" placeholder="关键字"></td>
                    <td><input type="submit" name="sub" value="查询"></td>
                </tr>
            </table>
        </form>
    </div>
    <!--结果页快捷搜索框 结束-->

    <!--搜索结果页面 列表 开始-->
    <form action="#" method="post">
        <div class="result_wrap">
            <!--快捷导航 开始-->
            <div class="result_content">
                <div class="short_wrap">
                    <a href="{{url('admin/user/createUser')}}"><i class="fa fa-plus"></i>新增用户</a>
                    <a href="javascript:;" onclick="delUser(0,1)"><i class="fa fa-recycle"></i>批量删除</a>
                    <a href="javascript:;" onclick="javascript:location.href=location.href"><i class="fa fa-refresh"></i>刷新</a>
                </div>
            </div>
            <!--快捷导航 结束-->
        </div>

        <div class="result_wrap">
            <div class="result_content">
                <table class="list_tab">
                    <tr>
                        <th class="tc" width="5%"><input type="checkbox" name=""></th>
                        <th class="tc">ID</th>
                        <th>邮箱</th>
                        <th>用户昵称</th>
                        <th>创建时间</th>
                        <th>更新时间</th>
                        <th>所属用户组</th>
                        <th>操作</th>
                    </tr>
                    @foreach($data as $v)
                        <tr>
                            <td class="tc"><input type="checkbox" name="id[]" value="{{$v->id}}"></td>
                            <td class="tc">{{$v->id}}</td>
                            <td>{{$v->email}}</td>
                            <td class="tc">{{$v->nickname}}</td>
                            <td>{{$v->created_at}}</td>
                            <td>{{$v->updated_at}}</td>
                            <td>
                                @foreach($v->group as $r)
                                    {{$r->name}},
                                @endforeach
                            </td>
                            <td>
                                <a href="{{url('admin/user/editUser',['id'=>$v->id])}}">修改</a>
                                <a href="javascript:;" onclick="delUser({{$v->id}})">删除</a>
                            </td>
                        </tr>
                    @endforeach
                </table>

                {!! $page !!}

            </div>
        </div>
    </form>
    <!--搜索结果页面 列表 结束-->
    <script>
        //删除用户
        function delUser(u_id,beal=0){
            layer.confirm('您确定要删除该用户？', {
                btn: ['确定','取消'] //按钮
            }, function(){
                if(beal==1){
                    var ids=$('input[name="id[]"]');
                    var strid="";
                    for(var i=0;i<ids.length;i++){
                        if(ids[i].checked==true){
                            strid+=ids[i].value+',';
                        }
                    }
                    var json={'_token':"{{csrf_token()}}",ids:strid};
                }else{
                    var json={'_token':"{{csrf_token()}}"};
                }
                $.post("{{url('admin/user/delUser/')}}/"+u_id,json,function (data) {
                    if(typeof data=="object"){
                        if(data.status==200){
                            layer.msg(data.msg, {icon: 6,time: 2000,shade: [0.8, '#393D49']});
                            location.href = location.href;
                        }else{
                            layer.msg(data.msg, {icon: 5,time: 2000,shade: [0.8, '#393D49']});
                        }
                    }else{
                        layer.msg('没有权限', {icon: 5,time: 2000,shade: [0.8, '#393D49']});
                    }
                });
            });
        }
    </script>
@endsection